<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8" />

 

  <title>new_file2</title>
  <meta name="description" content="" />
  <meta name="author" content="kenizhou" />
 <script src="Scripts/sencha-touch-all.js" type="text/javascript"></script>
 <script src="Scripts/keni.html.UIRender.js" type="text/javascript"></script>
 <link rel="Stylesheet" href="Styles/sencha-touch.css" type="text/css"  />

 <script type="text/javascript">
     function saveToBackend() {
         var collector = new keni.html.DataCollector();
         collector.saveToBackend();
     }
 </script>
</head>

<body>
	   
	<form  action="#" method="get" id="form">
  <div>
  
  

    <div id="div2">
    	
    </div>

    <div id="div1">
    	
    </div>

    <div id="div3">
    	
    </div>
    <div id="div4">
    	
        <input id="Button1" type="button" value="button"  onclick="saveToBackend()"/></div>

    <footer>
     <p>&copy; Copyright  by kenizhou</p>
    </footer>
  </div>
  </form>
 <script type="text/javascript">
 alert('hello1');
 try
 {
 	  Ext.onReady(function () {
     var uiRender=new keni.html.UIRender();
     alert('hello3');
     uiRender.render({ "htmlElementId": "page1", "modelName": "modelName3", "panels": [{ "htmlElementId": "panelid2",
         "fieldSets": [{ "htmlElementId": "fieldSet1", "title": "about you", "height": "400", "instructions": "Tell us all about yourself",
             "fields": [{ "labelWidth": "300", "dataType": "int", "height": "30", "maxLength": "", "fieldType": "Email", "width": "200", "htmlElementId": "field211", "label": "last name", "isIdentifier": "true", "dataSourceMapping": "datatable::field4", "filter": "" },
                        { "labelWidth": "300", "dataType": "int", "height": "30", "maxLength": "", "fieldType": "Email", "width": "200", "htmlElementId": "field111", "label": "first name", "isIdentifier": "true", "dataSourceMapping": "datatable::field3", "filter": ""}],
             "width": "200", "height": "400" }], "renderTo": "Ext.get('div3')", "height": "400", "modelName": "", "width": "200"
     }], "url": "abc\/page1.html", "fields": [{ "fullscreen": "true", "labelWidth": "300", "dataType": "int", "renderTo": "Ext.get('div2')", "height": "30", "maxLength": "", "fieldType": "Email", "width": "200", "htmlElementId": "field1", "label": "made in", "isIdentifier": "true", "dataSourceMapping": "datatable::field1", "filter": "" }, { "fullscreen": "true", "labelWidth": "300", "dataType": "int", "renderTo": "Ext.get('div1')", "height": "30", "maxLength": "", "fieldType": "Email", "width": "200", "htmlElementId": "field2", "label": "product name", "isIdentifier": "true", "dataSourceMapping": "datatable::field2", "filter": ""}]
 });
     alert('hello2');
      });
 }
 catch(error)
 {
 	alert(error);
 }
   
 </script>
</body>
</html>
